<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>唯品会（原Vipshop.com）特卖会:</title>
    <link rel="shortcut icon" href=" favicon.ico" />
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <link rel="stylesheet" href="./font/iconfont.css">
    <script src="./layer/mobile/layer.js"></script>
    <script src="./jQuery/jquery-3.6.0-min.js"></script>
    <link rel="stylesheet" href="./css/home.css">
</head>

<body>
    <!-- 顶部选项 -->
    <div class="top">
        <div class="topCenter">
            <div class="topRight">
                <ul>
                    <li style="font-weight: 600;"><a href="./list.html">列表页</a></li>
                    <li class="top-login">
                        <a href="./login.html">请登录</a>
                        <ol>
                            <li style="width: 250px;">
                                <img src="./images/my_cnt_pic.jpg" alt="">
                                <span
                                    style="border-bottom:rgb(224, 223, 223) 1px solid;padding-right: 50px;">您好！[请登录]</span>
                            </li>
                            <li>我的收藏</li>
                            <li>我的订单</li>
                            <li>零钱</li>
                            <li>我的优惠券</li>
                            <li>我的唯品币</li>
                            <li>唯品金融</li>
                        </ol>
                    </li>
                    <li>
                        <a href="./enroll.html">注册</a>
                    </li>
                    <li class="top-sign">
                        <img style="display: inline-block;" src="./images/header_sign-hash-0459d02c.gif" alt="">
                        <a href="">签到有礼</a>
                        <ol>
                            <li style="font-weight: bold;font-size: 16px;">
                                请前往<span style="color: #f10180;">唯品会APP首页</span>签到哟
                                <br>
                                <p style="font-size: 12px;font-weight: 500;margin-top: 20px;">
                                    即日起，签到网页端入口将下线，请前往“唯品会APP首<br>页-签到领券”继续参加签到活动。</p>
                            </li>
                            <img src="./images/header_signin-hash-670694db.png" alt="">
                            <li class="top-sign-downlaod">
                                <img src="./images/bg-hash-36387f12.png" alt="">
                                <img class="downlaod-img1" src="./images/1598435695911.png" alt="">
                                <p>
                                    也可以用<span style="font-weight: bold;">微信</span>扫码签到哦！
                                </p>
                            </li>
                        </ol>
                    </li>
                    <li>
                        <a href="">我的订单</a>
                    </li>
                    <li class="dw">
                        <a href="./list.html">我的特卖</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol>
                            <li>商品收藏</li>
                            <li>品牌收藏</li>
                            <li>我的足迹</li>
                        </ol>
                    </li>
                    <li class="dw">
                        <a href="">会员俱乐部</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol>
                            <li>俱乐部首页</li>
                            <li>唯品币兑换</li>
                        </ol>
                    </li>
                    <li class="dw">
                        <a href="">客户服务</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol>
                            <li>联系客服</li>
                            <li>帮助中心</li>
                            <li>服务中心</li>
                            <li>知识产权维护</li>
                        </ol>
                    </li>
                    <li class="aw">
                        <a href=""><i class="iconfont icon-whatsapp"></i>手机版</a>
                        <ol>
                            <li>
                                <img src="./images/1466134037230.jpg" alt="">
                            </li>
                            <li style="margin-top: 10px;">随时逛 及时抢</li>
                        </ol>
                    </li>
                    <li class="dw">
                        <a href="">更多</a>
                        <i class="iconfont icon-triangle-down"></i>
                        <ol class="dwol" style="right:0;">
                            <li class="dwli">合作专区</li>
                            <li>唯品卡</li>
                            <hr>
                            <li class="dwli">关于我们</li>
                            <li>Sell on vip 品牌招商 官方博客</li>
                        </ol>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- logo标识 -->
    <div class="logo">
        <div class="logoCenter">
            <div class="logoOne">
                <img src="./images/1634610746731.gif" alt="">
            </div>
            <div class="logoTow">
                <img src="./images/1587017895494.jpg" alt="">
            </div>
            <div class="search">
                <div class="searchK">
                    <input id="ss" type="text" placeholder="搜索想要的商品">
                    <div class="div1" style="cursor: pointer;">
                        <i class="iconfont icon-fangdajing"></i>
                    </div>
                    <div class="searchT">
                        <ul>
                            <li>
                                <span></span>
                                <a href="">女士大衣</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">女靴</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">护肤套装</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">阿迪达斯adidas</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">女士休闲裤</a>
                            </li>
                            <li>
                                <span>|</span>
                                <a href="">男士夹克</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="logoThree">
                <i class="iconfont icon-wenjian"></i>
                <span>购物袋</span>
                <span class="jg">0</span>
                <ol>
                    <li>您的购物袋里还没有商品，再去逛逛吧！</li>
                </ol>
            </div>
        </div>
    </div>
    <!-- 列表顶部固定 -->  
    <div class="list">
        <div class="listCenter" style="z-index: 1;">
            <ul>
                <li id="listFirst">
                    <a href=""></a>
                    <a href="" style="color: #fff;">商品分类</a>
                    <ol>
                        <li id="listFirst-F">
                            <p>男装/女装/内衣</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div id="nrightb">
                                            <div id="nrightba">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-G">
                            <p>女鞋/男鞋/箱包</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-A">
                            <p>护肤彩妆/个护</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-B">
                            <p>运动户外</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-C">
                            <p>家电数码</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-D">
                            <p>母婴童装</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-E">
                            <p>手表配饰</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-O">
                            <p>居家生活</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-J">
                            <p>唯品用品</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                        <li class="listFirst-Q">
                            <p>医药健康</p>
                            <ol>
                                <li class="nleft">
                                    <ul class="nleft1">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft2">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft3">
                                        <li class="listHead"></li>
                                        <li></li>
                                    </ul>
                                    <ul class="nleft4">
                                        <li class="listHead">
                                        <li>
                                        <li></li>
                                    </ul>
                                </li>
                                <li class="nright">
                                    <div>
                                        <div style="color: black;">
                                            <caption>品牌推荐</caption>
                                        </div>
                                        <div class="nrightC">
                                            <div class="nrightCa">
                                                <div><img src="./images/primary (1).png" alt="">
                                                    <p>音儿</p>
                                                </div>
                                                <div><img src="./images/primary (2).png" alt="">
                                                    <p>波司登</p>
                                                </div>
                                                <div><img src="./images/primary (3).png" alt="">
                                                    <p>诗篇</p>
                                                </div>
                                                <div><img src="./images/primary (4).png" alt="">
                                                    <p>哥弟</p>
                                                </div>
                                                <div><img src="./images/primary (5).png" alt="">
                                                    <p>罗蒙</p>
                                                </div>
                                                <div><img src="./images/primary (6).png" alt="">
                                                    <p>富挺</p>
                                                </div>
                                                <div><img src="./images/primary (7).png" alt="">
                                                    <p>米皇</p>
                                                </div>
                                                <div><img src="./images/primary (8).png" alt="">
                                                    <p>帕罗</p>
                                                </div>
                                                <div><img src="./images/primary (9).png" alt="">
                                                    <p>恩裳</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </ol>
                        </li>
                    </ol>
                <li>
                    <a href="">推荐</a>
                </li>
                <li>
                    <a href="">3折疯抢</a>
                </li>
                <li>
                    <a href="">唯品快抢</a>
                </li>
                <li>
                    <a href="">唯品奥莱</a>
                </li>
                <li>
                    <a href="">女装</a>
                </li>
                <li>
                    <a href="">男装</a>
                </li>
                <li>
                    <a href="">鞋包</a>
                </li>
                <li>
                    <a href="">运动</a>
                </li>
                <li>
                    <a href="">母婴</a>
                </li>
                <li>
                    <a href="">美妆</a>
                </li>
                <li>
                    <a href="">电器</a>
                </li>
                <li>
                    <a href="">内衣</a>
                </li>
                <li class="listXl">
                    <a href="">更多</a>
                    <i class="iconfont icon-angle-down"></i>
                    <ol>
                        <li>百货</li>
                        <li>首饰</li>
                        <li>家纺</li>
                        <li>食品</li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    <!-- 轮播大图 -->
    <div class="banner">
        <div class="background">
            <img src="./images/1632909543310 .jpg" alt="">
        </div>
        <div class="bannerCenter">
            <ul>
                <li>
                    <img src="./images/1634874388815.jpg" alt="">
                </li>
                <li>
                    <img src="./images/1634894647759.jpg" alt="">
                </li>
                <li>
                    <img src="./images/1634719323868.jpg" alt="">
                </li>
            </ul>
            <a href="" class="leftBtn"><i class="iconfont icon-chevron-thin-left"></i></a>
            <a href="" class="rightBtn"><i class="iconfont icon-chevron-thin-right"></i></a>
            <div class="bannerFoot">
                <ol>
                    <li style="border-bottom: #f10180 4px solid;">MO&Co. 全场低至一折</li>
                    <li>美妆狂欢 劲爆秒杀</li>
                    <li>惊喜爆款，等你来拿</li>
                </ol>
            </div>
        </div>
    </div>
    <!-- 商品图片 -->
    <div class="content">
        <div class="contentCenter">
            <div>
                <a href="./list.html">
                    <img src="./images/1634874730698_2340x240_90.jpg" alt="">
                </a>
            </div>
            <div class="contentTop">
                <div>
                    <a href="./list.html" style="font-size: 24px;font-weight: 520;color: #f10180;">
                        <img src="./images/1634874752522_756x500_90.jpg" alt="">
                    </a>
                </div>
                <div>
                    <a href="./list.html">
                        <img src="./images/1634874763307_756x500_90.jpg" alt="">
                    </a>
                </div>
                <div>
                    <a href="./list.html">
                        <img src="./images/1634874836824_756x500_90.jpg" alt="">
                    </a>
                </div>
            </div>
            <div>
                <img src="./images/15344789862278.jpg" alt="">
            </div>
        </div>
    </div>
    <!-- 右侧固定 -->
    <div id="right">
        <div class="riginlogin" style="margin-bottom: 10px;height: 40px;">
            <i class="iconfont icon-wode"></i>
            <p>账号</p>
            <ul class="riginloginUl">
                <li><img src="./images/my_cnt_pic.jpg" alt=""></li>
                <li class="riginLi">
                    <span style="color: black;">你好！请</span>
                    <a href="./login.html">登录</a>
                    <a href="./enroll.html">注册</a>
                    <ol>
                        <li style="border-right: #ccc solid 1px;">
                            <i class="iconfont icon-zixun" style="color: black;"></i>
                            <span style="color: black;">我的订单</span>
                        </li>
                        <li>
                            <i class="iconfont icon-zhifu-01" style="color: black;"></i>
                            <span style="color: black;">我的唯品币</span>
                        </li>
                    </ol>
                    <a class="riginA" href="" style="color: rgb(47, 179, 212);">会员俱乐部</a>
                </li>
            </ul>
        </div>
        <header class="shopping" style="cursor: pointer;">
            <i class="iconfont icon-gouwuche"></i>
            <p>购</p>
            <p>物</p>
            <p>车</p>
            <p class="shoppingY" style="margin: 20px auto;">0</p>
        </header>
        <div style="margin-top: 10px;">
            <i class="iconfont icon-qiaquan"></i>
            <ol>
                <li>我的优惠券</li>
            </ol>
        </div>
        <div>
            <i class="iconfont icon-shoucang1"></i>
            <ol>
                <li>品牌收藏</li>
            </ol>
        </div>
        <div>
            <i class="iconfont icon-shoucang2"></i>
            <ol>
                <li>商品收藏</li>
            </ol>
        </div>
        <div>
            <i class="iconfont icon-05"></i>
            <ol>
                <li>我的足迹</li>
            </ol>
        </div>
        <div class="rightdown">
            <i class="iconfont icon-youdaoyunbiji"></i>
            <ol>
                <li>会员反馈</li>
            </ol>
        </div>
        <div class="gettop" id="getTop">
            <i class="iconfont icon-chevron-thin-up"></i>
            <ol>
                <li>回到顶部</li>
            </ol>
        </div>
    </div>
    <!-- 品牌 -->
    <div class="commodity">
        <div class="commoCenter">
            <div>
                <img src="./images/ias_83664c688d2d7f08f8d78892b750b2a8_1135x545_85.jpg" alt="">
                <span class="nmb">5.5</span>
                <span class="discount">折起</span>
                <span class="letter">小米MI数码家电专场</span>
            </div>
            <div>
                <img src="./images/ias_cd956fb69b216747d174aadd979cc2e0_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_4191d8192a6eab73674ea9d592951756_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_4b6bc8006cd73246787932c222b142cc_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_324e69a025309df2dc2a8173235feb96_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_3feafcc23117df7d7f5f731c3d19a981_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_4b6bc8006cd73246787932c222b142cc_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_4191d8192a6eab73674ea9d592951756_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_3feafcc23117df7d7f5f731c3d19a981_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
            <div>
                <img src="./images/ias_324e69a025309df2dc2a8173235feb96_1135x545_85.jpg" alt="">
                <span class="nmb">1.1</span>
                <span class="discount">折起</span>
                <span class="letter">他她TATA男女鞋专场</span>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer id="footer" class="footer">
        <div class="foot-inner">
            <ul class="foot-icon">
                <li>
                    <i class="iconfont icon-daishouhuo-01">正品货源</i>
                </li>
                <li>
                    <i class="iconfont icon-feiji">全球直采</i>
                </li>
                <li>
                    <i class="iconfont icon-shouye">自营仓库</i>
                </li>
                <li>
                    <i class="iconfont icon-sousuo">入仓检查</i>
                </li>
                <li>
                    <i class="iconfont icon-50">安全保障</i>
                </li>
                <li>
                    <i class="iconfont icon-zhuanhuan">无忧退换</i>
                </li>
                <li>
                    <i class="iconfont icon-shoucang">万份信赖</i>
                </li>
            </ul>
        </div>
        <div class="foot-list">
            <dl class="link-anim">
                <dt>服务保障</dt>
                <dd>
                    <a href="">正品保证</a>
                </dd>
                <dd>
                    <a href="">七天无理由放心退</a>
                </dd>
                <dd>
                    <a href="">7×15小时客服服务</a>
                </dd>
                <dd>
                    <a href="">七天无理由放心换</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>购物指南</dt>
                <dd>
                    <a href="">导购演示</a>
                </dd>
                <dd>
                    <a href="">订单操作</a>
                </dd>
                <dd>
                    <a href="">会员注册</a>
                </dd>
                <dd>
                    <a href="">账户管理</a>
                </dd>
                <dd>
                    <a href="">收获样品</a>
                </dd>
                <dd>
                    <a href="">会员等级</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>支付方式</dt>
                <dd>
                    <a href="">23家主流网银支付</a>
                </dd>
                <dd>
                    <a href="">支付宝、银联等支付</a>
                </dd>
                <dd>
                    <a href="">信用卡支付</a>
                </dd>
                <dd>
                    <a href="">零钱支付</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>配送方式</dt>
                <dd>
                    <a href="">配送范围及运费</a>
                </dd>
                <dd>
                    <a href="">验货与签收</a>
                </dd>
            </dl>
            <dl class="link-anim">
                <dt>售后服务</dt>
                <dd>
                    <a href="">退货政策</a>
                </dd>
                <dd>
                    <a href="">退货流程</a>
                </dd>
                <dd>
                    <a href="">退款方式及时效</a>
                </dd>
                <dd>
                    <a href="">换货服务</a>
                </dd>
            </dl>
            <dl class="tc last">
                <dt>唯品会APP二维码</dt>
                <dd>
                    <img src="./images/1466134037230.jpg" alt="">
                </dd>
                <dd>下载唯品会移动APP</dd>
            </dl>
        </div>
        <div class="foot-infor">
            <p class="foot-infor-link">
                <a href="">关于我们</a> |
                <a href="">About us</a> |
                <a href="">Investor Relations</a> |
                <a href="">媒体报道</a> |
                <a href="">品牌招商</a> |
                <a href="">隐私条款</a> |
                <a href="">唯品诚聘</a> |
                <a href="">唯品卡</a> |
                <a href="">联系我们</a> |
                <a href="">廉政举报</a> |
            </p>
            <p class="foot-infor-tet">
                Copyright © 2008-2021 vip.com，All Rights Reserved 使用本网站即表示接受
                <a href="">唯品用户协议</a>。版权所有
                <a href="">广州唯品会电子商务有限公司</a>
                <br>
                <a href=""> 粤公网安备 44010302111111号</a>&nbsp;&nbsp;
                <a href="">粤ICP备08114786号</a>
                <a href="">增值业务经营许可证：粤B2-20170777 </a>
                <a href="">网络文化经营许可证：粤网文〔2018〕5030-1743号</a><br>
                <a href="">经营主体证照</a>&nbsp;&nbsp;
                <a href="">风险监测中心</a>&nbsp;&nbsp;
                <a href="">互联网药品信息服务资格证书：（粤）-经营性-2018-0271</a>
                <a href=""> 网络食品交易第三方平台备案凭证：粤B2-20170777 </a>
                <a
                    href="">医疗器械网络交易服务第三方平台备案凭证：（粤）网械平台备字[2019]第00001号</a><span>出版物网络交易平台服务经营备案证：粤新出网备（2021）1号</span>&nbsp;<a
                    href="">未成年人关怀中心</a><br>
                <span>
                    违法和不良信息举报电话：4006789888；举报邮箱：
                    <a href="">privacy@vipshop.com</a>
                </span>
            </p>
        </div>
        <div class="foot-pic">
            <div class="foot-picCenter">
                <i class="iconfont icon-snapchat"></i>
                <i class="iconfont icon-reddit"></i>
                <i class="iconfont icon-yinxiangbiji"></i>
                <i class="iconfont icon-tengxunweibo2"></i>
                <i class="iconfont icon-twitter"></i>
            </div>
        </div>
    </footer>
</body>
<script src="./js/home.js"></script>
</script>

</html>